<template>
    <div class="m-container">
        <div class="row" style="margin-top: 150px;">
            <div class="m-col-xs-6 m-col-md-offset-3">
                <h2 class="font-mini text-center">label</h2>
                <div class="box text-center">
                    <span class="m-label">标签<span class="m-label-close-btn"></span></span>
                    <span class="m-label m-label-info">标签</span>
                    <span class="m-label m-label-primary">标签</span>
                    <span class="m-label m-label-danger">标签</span>
                    <span class="m-label m-label-warning">标签</span>
                    <span class="m-label m-label-success">标签</span>
                </div>
                <h2 class="font-mini text-center">a label</h2>
                <div class="box text-center">
                    <a href="#" class="m-label">link标签</a>
                    <a href="#" class="m-label m-label-info">link标签</a>
                    <a href="#" class="m-label m-label-primary">link标签</a>
                    <a href="#" class="m-label m-label-danger">link标签</a>
                    <a href="#" class="m-label m-label-warning">link标签</a>
                    <a href="#" class="m-label m-label-success">link标签</a>
                </div>
                <h2 class="font-mini text-center">可以定义大小的label</h2>
                <div class="box text-center">
                    
                    <a href="#" class="m-label m-label-lg">link标签<span class="m-label-close-btn"></span></a>
                    <a href="#" class="m-label">link标签</a>
                    <a href="#" class="m-label m-label-sm">link标签</a>
                </div>
            </div>
        </div>
    </div>
</template>

<script type="text/javascript">
export default {
  name: 'label'
}
</script>
